<template>
<div class="container">
    <div class="top">
      <!-- 上部分内容 -->
      操作区域
    </div>
    <div class="bottom">
      <!-- 下部分内容 -->
      <mainForm></mainForm>
    </div>
  </div>
</template>

<script>
import mainForm from '@/views/mainForm.vue'
export default {
    components:{
        mainForm
    }
}
</script>

<style scoped>
.container {
  height: 100vh;
  display: flex;
  overflow: hidden;
  flex-direction: column;
}

.top {
  flex: 0.7;
  height: 8%;
  border-bottom: 1px silver solid;
}

.bottom {
  flex: 9.3;
  height: 92%;
}
</style>